body {
  background-image: url("~assets/images/body-bg.png");
  background-size: 100% 100%;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

.full-height {
  height: 100%;
}
.seven-echarts{
  display: flex;
  flex-direction: column;
}

.half-height {
  height: 50%;
}
.two-height{
  height: 20%;
}
.three-height{
  height: 30%;
}
.four-height{
  height: 40%;
}
.hl-left-bottom{
  flex: 1;
}

img.block {
  display: block;
  width: 100%;
  height: 100%;
}

.flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.justify-space-between {
  justify-content: space-between;
}

.flex-left-one {
  flex-grow: 1;
}

.flex-left-two {
  flex-grow: 2;
}

.cursor__pointer {
  cursor: pointer;
}

.hidden {
  display: none !important;
}

@font-face {
  font-family: "digital";
  src: url('../assets/fonts/digital-bold.eot'),
  url('../assets/fonts/digital-bold.woff') format('woff'),
  url('../assets/fonts/digital-bold.ttf') format('truetype');
}

.risk-dynamics{
  height: 100%;
}

